<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<script>
			// 重写注入代码的方法，让注入代码使用此方法时出错
			String.fromCharCode = function(arg) {return true}
		</script>
	</head>
	<style>
		body{
			margin: 0px;
		}
		.container{
			background: #d82e32;
			background-size: 100%;
			height: 100%;
		}
		img{
			width: 100%;
			margin-bottom: -5px;
		}
		.content{
			background: url(img/middle.png) no-repeat;
			background-size: 100%;
			 text-align: center;
		}
		.content p{
			color: white;
			margin-top: 20px;
		}
		.ljcz{
			display: block;
		    margin: 0 auto;
		    width: 180px;
		    height: 30px;
		    background: #ffe21c;
		    font-size: 16px;
		    font-weight: 700;
		    line-height: 30px;
		    border-radius: 46px;
		    color: #e00700;
		    -webkit-box-shadow: 0 0 25px 0 rgba(170,10,6,.5);
		    box-shadow: 0 0 25px 0 rgba(170,10,6,.5);
		    text-decoration: none;
		}
		.tishi{
			/*text-align: center;*/
			width: 18rem;
			margin: auto;
			color: white;
			font-size: 0.8rem;
			padding: 20px 0px 0px;
			margin-bottom: 40px;
		}
		p{
			margin: 5px;
		}
		.img-botm{
			margin-top: 60px;
			margin-bottom: -5px;
		}
		.cont{
			position: relative;
		    margin: 10px auto;
		    padding: 3px;
		    width: 18rem;
		    background: #d62d31;
		    border: .04rem solid #efc07f;
		    box-shadow: 0 0.08rem 0.42667rem 0 rgba(0,0,0,.1);
		    text-align: center;
		    box-sizing: border-box;
		}
		.nei{
			background-color: #ffeacd;
    		padding: 1px;
    		font-size: 20px;
    		font-weight: bold;
		}
		.nei span{
			color: red;
		}
		.nei a {
			color: #f7cd9b;
			text-decoration: none;
		}
		.nei a div{
			margin: 20px auto;
			margin-bottom: 10px;
			background: url(img/zhi.png) no-repeat;
			background-size: 100%;
			width: 7rem;
			font-size: 16px;
			padding: 5px;
		}
		.intro{
			font-size: 12px;
			color: black;
			font-weight: normal;
		}
		.huodong{
			margin: auto;
			width: 18rem;
			text-align: center;
			position: relative;
		}
		.huodong img{
			width: 18rem;
		}
		.title{
			position: absolute;
			width: 16rem;
			top: 20px;
			left: 4%;
			right: 4%;
			background: #ffbb69;
			color: #db262b;
			font-weight: bold;
		}
		.hd-img{
			position: absolute;
			left: 43%;
			bottom: 12px;
			width: 40px !important;
		}
		.zong{
			padding: 10px;
		}
		@keyframes dou{
			0% {transform: translateY(0px)}
			25% {transform: translateY(-5px)}
			50% {transform: translateY(-10px)}
			75% {transform: translateY(-5px)}
			100% {transform: translateY(0px)}
		}
		.hd-img{
			animation: dou 1s linear infinite;
		}
	</style>
	<body>
		<div class="container">
			<img src="img/20190410101701.png" />
			<div class="zong">
				<div class="huodong">
					<img src="img/fudai.png" />
					<div class="title">清明踏青来约“惠”，书币限时赠送</div>
					<img src="img/jiantou.png" class="hd-img" />
				</div>
				<div class="cont">
					<div class="nei">
						<p>充20元 送<span>19元</span></p>
						<div class="intro">2000书币+再赠送1900书币</div>
						<a href="/user/pay?money=2000"><div>¥ 20</div></a>
					</div>
				</div>
				<!--<div class="cont">
					<div class="nei">
						<p>充28元 送<span>28元</span></p>
						<div class="intro">2800书币+再赠送2800书币</div>
						<a href="/user/pay?money=2800"><div>¥ 28</div></a>
					</div>
				</div>-->
				<div class="cont">
					<div class="nei">
						<p>充58元 送<span>88元</span></p>
						<div class="intro">5800书币+再赠送8800书币</div>
						<a href="/user/pay?money=5800"><div>¥ 58</div></a>
					</div>
				</div>
				<div class="cont">
					<div class="nei">
						<p>包年优惠335元 <span>整年免费看书</span></p>
						<div class="intro">原价365元，现活动折扣价335元</div>
						<a href="/user/pay?money=33500"><div>¥ 335</div></a>
					</div>
				</div>
				<div class="tishi">
					<p>1、每人仅限3次充值</p>
					<p>2、此充值为书币充值。</p>
					<p>3、书币为虚拟物品，不支持退款。</p>
					<p>4、活动最终解释权归本公司所有。</p>
				</div>
			</div>
			<!--<img src="img/footer.png" class="img-botm" />-->
		</div>
	</body>
	<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
	<script>
		host = ""
		var _hmt = _hmt || [];
		(function() {
		  var hm = document.createElement("script");
		  hm.src = "https://hm.baidu.com/hm.js?055cff4356b44984f650fdfa60a0cee6";
		  var s = document.getElementsByTagName("script")[0]; 
		  s.parentNode.insertBefore(hm, s);
		})();
	</script>
</html>
